/* ---------------------------- */
/*     // // /    //   // // // */
/*    //         //   //        */
/*   // //      //   // // //   */
/*        //   //   //      //  */
/*       //   //    //      //  */
/* // //     //      // // //   */
/* ---------------------------- */
/* -          footer          - */
/* ---------------------------- */

/* - footer - 默认底部 - */
.footer {
	display: none;
	position: absolute;
	z-index: 1;
	width: 100%;
	height: calc(12rem / 1.2);
	background-color: #1a1a1a;
}

.footer::before,
.footer::after {
	content: "";
	display: table;
	position: absolute;
	left: 0;
	z-index: 1;
	width: 100%;
	height: calc(.1rem / 1.2);
}

.footer::before {
	top: calc(-.2rem / 1.2);
	background-color: #191919;
}

.footer::after {
	top: calc(-.1rem / 1.2);
	background-color: #202020;
}